<template>
    <div id="nullPage">
      <img src="../../assets/nullPage.png" :height="imgWidth+30"/>
      <ul>
        <li>
          {{$t('mall.noProduct')}}
        </li>
      </ul>
    </div>
</template>

<script>
    export default {
        name: "nullPage",
      data(){
          return{
            imgWidth:0
          }
      },
      methods:{
        getImgWidth(){
          this.imgWidth=document.body.clientWidth/3;
        }
      },
      mounted(){
        this.getImgWidth();
      }
    }
</script>

<style scoped>
#nullPage{
  width:100%;
  background: #FFF;
  min-height:200px;
  padding:30px;
  box-sizing: border-box;
  letter-spacing: 1px;
}#nullPage ul{
  padding-bottom: 10px;
 }
</style>
